<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>文件添加页面</title>
  <link rel="stylesheet" href="../../yl/index.css" />
  <!-- 布局样式 -->
  <link rel="stylesheet" href="../../yl/style.css" />
  <link rel="stylesheet" href="../../yl/mobile.css" />
  <link rel="stylesheet" href="../../yl/easyui.css" />
  <link rel="stylesheet" href="../../yl/icon.css" />
  <link rel="stylesheet" href="../../style/pdf_viewer.min.css">
</head>

<body>
  <!-- <div id="app"> -->
  <div class="easyui-navpanel" id="app" v-cloak>
    <header>
      <div class="m-toolbar">
        <div class="m-title">申请进度</div>
      </div>
    </header>
    <div style="margin: 20px 40px;">
      <el-steps direction="vertical" :active="num" finish-status="success">
        <el-step  v-for="(item,index) in stepData" :key="index">
            <template #title>
                <div style="display: flex;align-items: center;justify-content: space-between;">
                    <div style="font-weight: 700;font-size: 20px;margin: 10px 0;">{{item.Operation_Step_Name}}{{index == num?'(进行中)':index < num?'(已完成)':''}}</div>
                    <div class="operation" v-if="num >= index">
                        <!-- <el-button :disabled="num < index" :type="num < index?'info':'success'" size="small">查看</el-button> -->
                        <el-button :disabled="num != index" :type="num != index?'info':'primary'" @click="handleEdit(item,index)" size="small">操作</el-button>
                        <el-button :disabled="num == index" :type="num != index?'primary':'info'" @click="handleEdit1(log(item.Operation_Step_SerialNumber),index)" size="small">修改</el-button>
                    </div>
                </div>
            </template>
            <template #description>
                <div v-if="num >= index">
                    <div v-if="log(item.Operation_Step_SerialNumber)" style="font-size: 15px;line-height: 40px;">
                        <template v-if="index == 0">
                            <div>申请人单号：{{log(item.Operation_Step_SerialNumber).Application_SerialNumber}}</div>
                            <div>申请人姓名：{{log(item.Operation_Step_SerialNumber).Personal_Name}}</div>
                            <div>身份证号：{{log(item.Operation_Step_SerialNumber).ID_Card_Number}}</div>
                            <div>性别：{{log(item.Operation_Step_SerialNumber).Gender}}</div>
                            <div>民族：{{log(item.Operation_Step_SerialNumber).Nation}}</div>
                            <div>政治面貌：{{log(item.Operation_Step_SerialNumber).Political_Affiliation}}</div>
                            <div>家庭住址：{{log(item.Operation_Step_SerialNumber).Home_Address}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载入党申请书</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 1">
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 2">
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 3">
                            <div>确认时间:{{log(item.Operation_Step_SerialNumber).Determine_Date}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 4">
                            <div>第一介绍人:{{log(item.Operation_Step_SerialNumber).A_Personal_Name}}</div>
                            <div>第二介绍人:{{log(item.Operation_Step_SerialNumber).B_Personal_Name}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 5">
                            <div>党组综合考察意见:{{log(item.Operation_Step_SerialNumber).Party_Organization_Opinion}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 6">
                            <div>确认时间:{{log(item.Operation_Step_SerialNumber).Determine_Date}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 7">
                            <div>上级考察意见:{{log(item.Operation_Step_SerialNumber).Parent_Party_Organization_Opinion}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 8">
                            <div>第一介绍人:{{log(item.Operation_Step_SerialNumber).A_Personal_Name}}</div>
                            <div>第二介绍人:{{log(item.Operation_Step_SerialNumber).B_Personal_Name}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 9">
                            <div>政审内容:{{log(item.Operation_Step_SerialNumber).Review_Content}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 10">
                            <div>培训天数:{{log(item.Operation_Step_SerialNumber).Training_days}}天</div>
                            <div>培训结果:{{log(item.Operation_Step_SerialNumber).Training_Result}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 11">
                            <div>考察意见:{{log(item.Operation_Step_SerialNumber).Party_Organization_Opinion}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 12">
                            <div>上级党委意见:{{log(item.Operation_Step_SerialNumber).Parent_Party_Organization_Opinion}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 13">
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载入党志愿书</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 14">
                            <div>党组大会决议:{{log(item.Operation_Step_SerialNumber).Part_Organization_Resolution}}</div>
                            <div>党组讨论日期:{{log(item.Operation_Step_SerialNumber).Discussion_Date}}</div>
                            <div>赞成票数:{{log(item.Operation_Step_SerialNumber).Vote_Approve}}</div>
                            <div>反对票数:{{log(item.Operation_Step_SerialNumber).Vote_Oppose}}</div>
                            <div>弃权票数:{{log(item.Operation_Step_SerialNumber).Vote_Abstain}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 15">
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 16">
                            <div>上级党组审批日期:{{log(item.Operation_Step_SerialNumber).Determine_Date}}</div>
                            <div>预备期开启日期:{{log(item.Operation_Step_SerialNumber).Probation_Start_Date}}</div>
                            <div>预备期结束日期:{{log(item.Operation_Step_SerialNumber).Probation_End_Date}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 17">
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 18">
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 19">
                            <!-- <div>党组大会决议:{{log(item.Operation_Step_SerialNumber).Part_Organization_Resolution}}</div>
                            <div>党组讨论日期:{{log(item.Operation_Step_SerialNumber).Discussion_Date}}</div>
                            <div>赞成票数:{{log(item.Operation_Step_SerialNumber).Vote_Approve}}</div>
                            <div>反对票数:{{log(item.Operation_Step_SerialNumber).Vote_Oppose}}</div>
                            <div>弃权票数:{{log(item.Operation_Step_SerialNumber).Vote_Abstain}}</div> -->
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 20">
                            <!-- <div>上级党组审批日期:{{log(item.Operation_Step_SerialNumber).Determine_Date}}</div>
                            <div>上级党委意见:{{log(item.Operation_Step_SerialNumber).Parent_Party_Organization_Opinion}}</div> -->
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 21">
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载转正申请书</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 22">
                            <div>党组大会决议:{{log(item.Operation_Step_SerialNumber).Part_Organization_Resolution}}</div>
                            <div>党组讨论日期:{{log(item.Operation_Step_SerialNumber).Discussion_Date}}</div>
                            <div>赞成票数:{{log(item.Operation_Step_SerialNumber).Vote_Approve}}</div>
                            <div>反对票数:{{log(item.Operation_Step_SerialNumber).Vote_Oppose}}</div>
                            <div>弃权票数:{{log(item.Operation_Step_SerialNumber).Vote_Abstain}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 23">
                            <div>上级党组审批日期:{{log(item.Operation_Step_SerialNumber).Determine_Date}}</div>
                            <div>上级党委意见:{{log(item.Operation_Step_SerialNumber).Parent_Party_Organization_Opinion}}</div>
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                        <template v-else-if="index == 24">
                            <div>提交时间：{{log(item.Operation_Step_SerialNumber).Operation_Datetime}}</div>
                            <el-button type="primary" size="small" @click="download(log(item.Operation_Step_SerialNumber).Attachment_URL)">下载附件</el-button>
                            <el-button type="primary" size="small" @click="preview(log(item.Operation_Step_SerialNumber).Attachment_URL)">在线预览</el-button>
                        </template>
                    </div>
                    <div v-else>
                        暂未操作
                    </div>
                </div>
                <div v-else>...</div>
            </template>
        </el-step>
    </el-steps>
    <yl-online-preview :file-url="fileUrl" v-model="showDialog"></yl-online-preview>
    </div>
    <footer class="botton-ann">
      <el-button @click="goBack">返回</el-button>
    </footer>
  </div>
</body>
<script src="../../utils/utils.js"></script>
<script src="../../config/config.js"></script>
<script src="../../utils/mixins.js"></script>
<script src="../../yl/vue.js"></script>
<script src="../../yl/index.js"></script>
<script src="../../yl/zh-cn.mjs"></script>
<script src="../../yl/index.iife.min.js"></script>
<script src="../../yl/jquery.min.js"></script>
<script src="../../utils/jquery.cookie.js"></script>
<script src="../../yl/jquery.easyui.min.js"></script>
<script src="../../yl/jquery.easyui.mobile.js"></script>
<script src="../../yl/moment.min.js"></script>
<script src="../../api/request.js"></script>
<script src="../../utils/xlsx.full.min.js"></script>
<script src="../../utils/pdf.min.js"></script>
<script src="./js/steps.js"></script>

</html>